<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>demo</title>
	<script src="../build/react.js"></script>
	<script src="../build/react-dom.js"></script>
	<script src="../build/browser.min.js"></script>
</head>
<body>
	<div id="example"></div>

	<!-- 
		1. HTML 语言直接写在 JavaScript 语言之中，不加任何引号，这就是 JSX 的语法，它允许 HTML 与 JavaScript 的混写
		2. 遇到 HTML 标签（以 < 开头），就用 HTML 规则解析；遇到代码块（以 { 开头），就用 JavaScript 规则解析
	 -->
	<script type="text/babel">
		var names = ["金正恩","吴彦祖","陈一发"];

		ReactDOM.render(
			<div>
				{
					names.map(function(name) {
						return <div>你好啊，{name}</div>
					})
				}
			</div>,
			document.getElementById("example")
		)
	</script>
</body>
</html>